フォント(文字) |
文字の大きさ |
<font size="5">大きな文字。</font>
<font size="2">小さな文字。</font>
文字サイズは1~7まで指定出来ます。 |
大きな文字。
小さな文字。 |
太文字 |
<b>太い文字</b> |
太い文字 |
斜体 |
<i>abcd</i> |
abcd |
文字色 |
<font color="#0000ff">青色</font>
または、
<font color=red>赤色</font> |
青色
または、
赤色 |
文字の色・
大きさ |
<font color="green" size="4">文字の色・大きさ</font> |
文字の色・大きさ |
アンダーライン |
<font style="text-decoration : underline">アンダーライン</font>
<u>アンダーライン</u> |
アンダーライン
アンダーライン |
取り消し線 |
<font style="text-decoration : line-through">取り消し線</font>
<s>取り消し線</s> |
取り消し線
取り消し線 |
水平線 |
<hr>
<hr color=red> |
|
水平線
幅60% |
幅を60%にした
<HR WIDTH="60%">
水平線です。 |
幅を60%にした
水平線です。 |
上下に水平線 |
<hr>上下に水辺線<hr> |
上下に水辺線
|
改行 |
改行<br>すると
|
改行 すると
|
右揃え |
<p align= right >右揃え</p> |
右揃え |
中央揃え |
<p align= center >中央揃え</p> |
中央揃え |
両端揃え |
<blockquote>
ここに書いた長い文書が両端にスペースが入り、両端が揃えられて表示されますます。abcdefghijklmnopqrstuvwxyz
</blockquote> |
ここに書いた長い文書が両端にスペースが入り、両端が揃えられて表示されますます。abcdefghijklmnopqrstuvwxyz
|
マーカー |
<span style="background-color: #0066ff">マーカー色</span>
<span style="background-color:
#c0c0c0; font-size: 32px">背 景 色</span>
<span style="background :
#000000; color : #ffff00">背景色と文字色の設定</span> |
マーカー色
背 景 色
背景色と文字色の設定 |
文字廻りに
枠を表示 |
<span style="border-style : solid;
border-width : 1px">文字のまわりに枠を表示します</span>
・solid : 実線、double :
二重線、dotted :点線
・※px : 枠の幅(ピクセル、1ドット幅) |
文字のまわりに枠を表示します |
文字の上下に線 |
<span style="text-decoration: underline overline; font-size: 24px">上下線付け</span> |
上下線付け |
文字の
ぼかし |
<span style="width:80%; filter:blur(strength=10); font-size: 24px">文字のぼかし</span> |
文字のぼかし |
ルビをつける |
<ruby>ルビをつける文字列<rp>■</rp><rt>ルビ</rt>
<rp>■</rp></ruby> |
ルビをつける文字列 |
マウスポインタを乗せると文字色が変化 |
<font onmouseover=this.color="マウスを乗せた時の文字色"; onmouseout=this.color="マウスが離れた時の文字色">この上にオンマウス</font> |
この上にオンマウス
残念ですが楽天では使えません |